@import url(common.css);
.goodscont{
	width: 960px;
	margin: 0 auto;
	padding: 5px;
}

/*购物车为空时*/
.goodscont .nogoods{
	width: 960px;
	height: 220px;
	margin: 0px auto;
	display: none;
}

/***************************
 * Flow Steps 流程步骤条购物车为空时
 ***************************/
.goodscont .nogoods .flow-steps {
    overflow: hidden; /* clearfix */
    margin: 10px auto;
    height: 50px;
    width: 950px;
}
.goodscont .nogoods .flow-steps ol.num5{
	padding: 0px;
}

.goodscont .nogoods .flow-steps .num5 li { width: 175px; } /* (950 / 5) - 15 padding-right */

.goodscont .nogoods .flow-steps li {
    float: left;
    background: #e4e4e4 url(../images/flow_steps_bg.png) no-repeat 100% 0;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #404040;
    padding: 0 15px 0 0;
    overflow: hidden;
}
.goodscont .nogoods .flow-steps li span,
.goodscont .nogoods .flow-steps li strong {
    display: block;
}
.goodscont .nogoods .flow-steps li .first {
    background: #e4e4e4 url(../images/flow_steps_bg.png) no-repeat -12px -69px;
}
.goodscont .nogoods .flow-steps li.last {
    background-position: 100% -138px;
}
.goodscont .nogoods .flow-steps li.current {
    background-color: #f60;
    color: #fff;
}
.goodscont .nogoods .flow-steps li.current .first {
    background-color: #f60;
    background-position: -12px -92px;
}
.goodscont .nogoods .flow-steps li.current-prev {
    background-position: 100% -23px !important;
}
.goodscont .nogoods .flow-steps li.done {
    background-color: #ffe6ba;
    background-position: 100% -46px;
    color: #f60;
}
.goodscont .nogoods .flow-steps li.done .first {
    background-color: #ffe6ba;
    background-position: -12px -115px;
}
.goodscont .nogoods .flow-steps li.last-current {
    background-color: #f60;
    color: #fff;
    background-position: 100% -161px;
}
/* END */
/*购物车为空时提示信息*/
.goodscont .nogoods .emptybox{
	width: 950px;
	margin: 0px auto;
	height: 150px;
	border: 1px solid #ccc;
}
.goodscont .nogoods .emptycart{
	width: 800px;
	height: 100px;
	float: right;
	color: #424142;
	margin-top: 50px;

}
.goodscont .nogoods .emptycart h2{
	font-size: 15px;
	margin-bottom: 15px;
}

/***************************
 * Flow Steps 流程步骤条购物车不为空时
 ***************************/
.goodscont .cartbox .flow-steps {
    overflow: hidden; /* clearfix */
    margin: 10px auto;
    height: 50px;
    width: 950px;
}
.goodscont .cartbox .flow-steps ol.num5{
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

.goodscont .cartbox .flow-steps .num5 li { width: 175px; } /* (950 / 5) - 15 padding-right */

.goodscont .cartbox .flow-steps li {
    float: left;
    background: #e4e4e4 url(../images/flow_steps_bg.png) no-repeat 100% 0;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #404040;
    padding: 0 15px 0 0;
    overflow: hidden;
}
.goodscont .cartbox .flow-steps li span,
.goodscont .cartbox .flow-steps li strong {
    display: block;
}
.goodscont .cartbox .flow-steps li .first {
    background: #e4e4e4 url(../images/flow_steps_bg.png) no-repeat -12px -69px;
}
.goodscont .cartbox .flow-steps li.last {
    background-position: 100% -138px;
}
.goodscont .cartbox .flow-steps li.current {
    background-color: #f60;
    color: #fff;
}
.goodscont .cartbox .flow-steps li.current .first {
    background-color: #f60;
    background-position: -12px -92px;
}
.goodscont .cartbox .flow-steps li.current-prev {
    background-position: 100% -23px !important;
}
.goodscont .cartbox .flow-steps li.done {
    background-color: #ffe6ba;
    background-position: 100% -46px;
    color: #f60;
}
.goodscont .cartbox .flow-steps li.done .first {
    background-color: #ffe6ba;
    background-position: -12px -115px;
}
.goodscont .cartbox .flow-steps li.last-current {
    background-color: #f60;
    color: #fff;
    background-position: 100% -161px;
}
/* END */



/*购物车有商品时*/
.goodscont .cartbox{
	width: 950px;
	height: auto;
	margin: 0 auto;
	border: 1px solid #ccc;
}
.goodscont .cartbox .gsin{
	width: 900px;
	height: 20px;
	margin-top: 50px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 3px solid #E9E9E9;
	margin: 0px auto;
	padding-top: 15px;
}
.goodscont .cartbox ul.gsshow{
	width: 940px;
	height: 25px;
	border-bottom: 2px solid #C90000;
	margin: 10px auto;
}
.goodscont .cartbox ul.gsshow li{
	float: left;
	width: 138px;
	height: 25px;
	line-height: 25px;
	text-align: center;

}
.goodscont .cartbox ul.gsshow li.checkall{
	width: 50px;
}
/*购物车内容*/
.goodscont .cartbox .gslistbox{
	width: 950px;
	height: auto;
	padding-bottom: 10px;
}

.goodscont .cartbox .gslistbox ul{
	border-bottom: 1px dotted #ccc;
	width: 940px;
	height: 100px;
	margin: 0px auto;
}
.goodscont .cartbox .gslistbox ul li{
	float: left;
	width: 128px;
	height: 100px;
	padding-left: 10px;
}
.goodscont .cartbox .gslistbox ul li.lc{
	line-height: 100px;
	text-align: center;
}
.goodscont .cartbox .gslistbox ul li.lc .totalprice{
	color: #FF6600;
}
.goodscont .cartbox .gslistbox ul li.lc .add{
	display: inline-block;
	width: 10px;
	height: 10px; 
	overflow: hidden;
	cursor: pointer;
	background: url(../images/jia.gif);
	vertical-align: middle;
}
.goodscont .cartbox .gslistbox ul li.lc .reduce{
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/jian.gif);
	vertical-align: middle;
}

.goodscont .cartbox .gslistbox ul li.lc input{
	width: 30px;
	margin: 0px;
	text-align: center;
}
.goodscont .cartbox .gslistbox ul li.checkthis{
	width: 35px;
	vertical-align: middle;
	padding-left:15px; 
}
.goodscont .cartbox .gslistbox ul li.checkthis input{
	margin-top: 40px;
}
.goodscont .cartbox .gslistbox ul li.gsinfo{
	width: 300px;
}
.goodscont .cartbox .gslistbox ul li.gsinfo img{
	margin-top:20px;
	float: left;
}
.goodscont .cartbox .gslistbox ul li.gsinfo .gsintro{
	float: left;
	width: 230px;
	padding-left: 5px;
	margin-top:15px;
}
.goodscont .cartbox .gslistbox ul li a:hover{
	color: #FF6600;
}
.goodscont .cartbox .gslistbox ul li.gsinfo .gsintro span{
	color: #999999;
}
.goodscont .cartbox .gslistbox .msgtoboss{
	width: 930px;
	height: 60px;
	padding-left: 20px;
	color: #666666;
}


/*购物车完成后索引*/
.goodscont .cartbox .gslistbox .nextdo{
	width: 940px;
	height: 100px;
	margin-top: 10px;
	margin: 0px auto;
}
.goodscont .cartbox .gslistbox .nextdo ul li{
	float: right;
	height: 50px;
	width: 800px;
	text-align: right;
	padding-right: 50px;
	line-height: 50px;
}
.goodscont .cartbox .gslistbox .nextdo ul li .tobuy{
	display: inline-block;
	width: 100px;
	height: 35px;
	float: right;
	margin-right: 10px;
	background: url(../images/gouwu.jpg) no-repeat;
}
.goodscont .cartbox .gslistbox .nextdo ul li .toorder{
	display: inline-block;
	border: medium none;
	width: 100px;
	height: 35px;
	margin: 0px;
	padding:0px;
	float: right;
	cursor: pointer;
	background: url(../images/jiesuan.jpg) no-repeat;
}
.goodscont .cartbox .gslistbox .nextdo ul li .conforder{
	display: inline-block;
	border: medium none;
	width: 100px;
	height: 35px;
	margin: 0px;
	padding:0px;
	float: right;
	cursor: pointer;
	background: url(../images/jiesuan.jpg) no-repeat;
}
.goodscont .cartbox .gslistbox .nextdo ul li span{
	margin-right: 10px;
}
.goodscont .cartbox .gslistbox .nextdo ul li span em{
	color: #BF001F;
	font: 22px tahoma;
}

/***************用户订单信息*****************/
.goodscont .cartbox .useraddress{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding:5px 20px;
}
.goodscont .cartbox .useraddress p{
	margin-top: 10px;
}
.goodscont .cartbox .useraddress p b{
	color: #333333;
	font-size: 15px;
}

.goodscont .cartbox .useraddress p a:hover{
	color: #FF6600;
}
.goodscont .cartbox .useraddress table{
	border: none;
}
.goodscont .cartbox .useraddress table tr{
	height: 40px;
	line-height: 40px;
}
.goodscont .cartbox .useraddress table tr em{
	color:#FF6600;
	font-weight: bold;
}
.goodscont .cartbox .useraddress table textarea{
	width: 500px;
	height: 50px;
}
/*支付方式*/
.goodscont .cartbox .buytype{
	width: 900px;
	height: auto;
	margin: 0px auto;
	padding: 5px 20px;
}
.goodscont .cartbox .buytype ul li.bttitle{
	width: 900px;
	height: 20px;
	margin: 0px;
	line-height: 20px;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 3px  solid #E9E9E9;
}
.goodscont .cartbox .buytype ul li table{
	width: 900px;
	background: #FFFDDF;
	border: 1px solid #F8E2AE;
	margin-top: 10px;
	padding: 10px;
}
.goodscont .cartbox .buytype ul li table th{
	text-align: left;
}
.goodscont .cartbox .buytype ul li table tr{
	height: 30px;
}

/*运送方式*/

.goodscont .cartbox ul.transporttype{
	margin-top: 20px;
}

/*本次购物总计*/

.goodscont .cartbox .gslistbox .allpshow{
	width: 940px;
	height: auto;
	margin-top: 10px;
	margin: 0px auto;
	padding-left: 10px;
}
.goodscont .cartbox .gslistbox .allpshow table{
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: #F4F4F4;
	border: none;
	font-size: 13px;
}
.goodscont .cartbox .gslistbox .allpshow .suborder{
	width: 950px;
	height: 40px;
}
.goodscont .cartbox .gslistbox .allpshow .suborder input{
	float: right;
	margin-top: 10px;
	margin-right: 50px;
	background: url(../images/tijiao.jpg) no-repeat;
	border: medium none;
	height: 35px;
	text-indent: -9999px;
	width: 100px;
	cursor: pointer;
}